<!DOCTYPE html>
<html>
	<head>
		<!-- <meta> -->
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			a{
				text-decoration: none;
			}
			li{
				list-style: none;
			}
			.fj{
				width: 100%;
				max-width: 640px;
				min-width: 320px;
				position: relative;
				margin: auto;
			}
			.nav{
				height: 1.2rem;
				width: 100%;
				background-image: url(icon/nav.png);
				background-position: center !important;
				background-size: 100% 100% !important;
				top: 0;
				left: 0;
				margin-bottom: 1.2rem;
				position: fixed;
				z-index: 9999;
				display: flex;
				align-items: center;
				text-align: center;
			}
			.nav a{
				display: block;
				width: 0.4rem;
				height: 0.6rem;
				background-repeat: no-repeat !important;
				background-position: center;
				position: absolute;
				left: 0.3rem;
			}
			.nav a img{
				width: 0.4rem;
				height: 0.6rem;
			}
			.nav p{
				width: 100%;
				height: 100%;
				text-align: center;
				color: whitesmoke;
				font-size: 0.42rem;
				line-height: 1.2rem;
			}
			.logo{
				height: 5.67rem;
				width: 100%;
				margin-top: 1.2rem;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.logo img{
				width: 2.14rem;
				max-width: 100%;
			}
			form{
				width: 100%;
				height: auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}
			form input{
				width: 9rem;
				height: 1.2rem;
				box-shadow:1px 1px 4px rgba(0,0,0,.4);
				border-radius: 0.1rem;
				padding-left: 0.1rem;
				box-sizing: border-box;
				font-size: 0.28rem;
			}
			input[name="mima"]{
				margin-top: 0.8rem;
			}
			form div{
				width: 9rem;
				height: 0.55rem;
				display: flex;
				margin-top: 0.54rem;
				justify-content: space-between;
			}
			form div button{
				width: 1.6rem;
				height:0.54rem ;
			}
			.denlu{
				height: 4rem;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.denlu div{
				width:4.2rem ;
				height: 1.06rem;
				border-radius: 5px;
				background-color: rgb(242,58,56);
				text-align: center;
				line-height: 1.06rem;
				color: whitesmoke;
			}
		</style>
	</head>
	<body>
		<div class="fj">
			<div class="nav">
				<a href="javascript:history.go(-1)"><img src="icon/fanhui@2x.png" ></a>
				<p>登录</p>
			</div>
			<div class="logo">
				<img src="icon/logo@2x.png" >
			</div>
			<form action="">
				<input type="number" name="zhanghao" placeholder="请输入账号">
				<input type="password" name="mima" placeholder="请输入密码">
				<div>
					<button><a href="忘记密码.html">忘记密码</a></button>
					<button><a href="注册.html">立即注册</a></button>
				</div>
			</form>
			<div class="denlu">
				<div class="an"><a href="提现.html">登录</a></div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="icon/flexible.js">
		var fo=document.getElementById("form")
	</script>
</html>
